Vue.component("main_layout", {
    template: `
      <div>
      <ul style="display: flex;justify-content: space-around;padding-top: 10px;" id="tabUl">
        <!-- 每个标签都有一个唯一的ID，可以在后面的标签布局中使用 -->
        <li>
          <button value="frequencyChannelLayout">首页</button>
        </li>
        <li>
          <button value="donateLayout">支持打赏作者</button>
        </li>
      </ul>
      <div class="tab active" id="frequencyChannelLayout"></div>
      <div class="tab" id="donateLayout"><!-- 捐赠布局 --></div>
      <hr>
      <footer_layout/>
      </div>`,
    data() {
        return {}
    }
});

const MainVue = {
    addVue() {
        window.mainVue = new Vue({
            el: "#bilibiliChannelViewer",
            data: {
                show: false
            }
        });
    }
}